Dim
Normal
Bright
Energy Fission
CORS Error!
Run a local web server to load SVGs.
Simple mode shows essential controls. Advanced mode reveals all options.
1. Type & Sphere
2. Edit Glyph
Type hex code (e.g. #FFD700) or use color picker
0% (Transparent)
100% (Solid)
✨ Glyph Visual Effects
Subtle
40%
Intense
Sharp
Soft
Subtle
50%
Rainbow
Subtle
2
Strong
Sharp
3px
Soft
🔒 EFFECTS LOCKED
Set glyph to a color (not black) to enable visual effects
🔷 Bevel & Depth
Creates depth by layering offset copies of the glyph behind it.
💡 Inner = carved in (darker shadow), Outer = raised up (lighter highlight)
Glyph Lighting
Lighting affects glyph appearance when using lit materials
30%
100%
150%
Custom Glyph Upload
Image: Show uploaded glyph as-is
Stencil: Glyph becomes transparent cutout showing sphere color
Filled: Apply glyph color to uploaded shape
Custom glyphs auto-rotate 180° and flip horizontally on upload
Glyph Position
Left
0
Right
Down
0
Up
0°
0°
360°
Glyph Outline
0px
10px
20px
3. Edit Sphere (Outline, Shadow, Effects)
Icon Outline
0px
2px
20px
Icon Shadow
0px
30px
60px
-20px
0px
20px
0%
50%
100%
4. Export
Current Type: Psychic
Stored Color: #000000
Active Effects: 0